<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>割草游戏</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="game-container">
        <canvas id="game-canvas"></canvas>
        <div id="game-sidebar">
            <div id="info">
                <div class="info-item">
                    <span class="info-label">分数</span>
                    <span id="score" class="info-value">0</span>
                </div>
                <div class="info-item">
                    <span class="info-label">关卡</span>
                    <span id="level" class="info-value">1</span>
                </div>
            </div>
            <div class="level-buttons">
                <button class="level-btn" data-level="1">第一关</button>
                <button class="level-btn" data-level="2">第二关</button>
                <button class="level-btn" data-level="3">第三关</button>
            </div>
            <button id="pause-btn">暂停游戏</button>
            <button id="restart-btn">重新开始</button>
        </div>
    </div>
    <script src="index.js" type="module"></script>
</body>
</html>